body{
    background-color: #f8f8f8;
}
#nav-box {
    position: fixed;
    left: 0px;
    // overflow: scroll;
    .navactive{
        color: #fea31e;
        border-left: 2px solid #fece02;
    }
    .item {
        width: 1.77rem;
        height: .88rem;
        border-bottom: 1px solid #d4d4d4;
        text-align: center;
        line-height: .88rem;
        font-size: .3rem;
        font-family: '宋体';
        font-weight: bold;
    }
}

#item-box {
    margin-left: 1.77rem;

    .content {
        background-color: #fff;
        display: none;
        .title{
            font-size: .28rem;
            background-color: #f8f8f8;
        }
        .item {
            display: flex;
            justify-content: center;
            box-sizing: border-box;
            padding-top: .2rem;
            padding-bottom: .2rem;
            padding-right: .13rem;
            margin-left: .25rem;
            border-bottom: 1px solid #d4d4d4;
            .left {
                width: 1.68rem;
                margin-right: .35rem;
                img {
                    width: 100%;
                    height: 70%;
                    margin-top: 15%;
                }
            }

            .right {
                .name {
                    color: #000;
                    font-size: .25rem;
                    span {
                        color: #ff4100;
                        border: 2px solid #ff4100;
                        border-radius: .11rem;
                        font-size: .2rem;
                        box-sizing: border-box;
                        padding: .04rem .02rem;
                        margin-right: .1rem;
                    }
                }
                .mysy{
                    width: 1rem;
                    height: .42rem;
                    font-size: .2rem;
                    font-family: '仿宋';
                    background-color: #f85252;
                    border-radius: .08rem;
                    color: #fff;
                    text-align: center;
                    line-height: .42rem;
                    margin-top: .13rem;
                }
                .buy{
                    display: flex;
                    justify-content: space-between;
                    .money-box{
                        .monovalent{
                            color: #929091;
                            font-size: .27rem;
                            line-height: .4rem;
                        }
                        .money{
                            color: #ff4100;
                            font-size: .3rem;
                            line-height: .4rem;
                        }
                    }
                    .add{
                        width: .62rem;
                        height: .62rem;
                        text-align: center;
                        line-height: .6rem;
                        border: 2px solid #e7e7e7;
                        border-radius: 50%;
                        color: #f84000;
                        font-size: .6rem;
                    }
                }
            }
        }
    }
    .active{
        display: block;
    }
}